

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<script type="text/javascript"> 
    
    var tree;
    var estado;
    var lstEstadosEst = new Array();
    //crea objeto nodos
        
  </script>
  <c:forEach items="${lstEstadoInstanciaEstacion}"  var = "p">                     
     <script type="text/javascript">
             var estado =   "${p.nombre}"; 
             lstEstadosEst.push(estado);
    </script>
 </c:forEach>
    <script type="text/javascript">
    
    function treeInit() {

        tree = new YAHOO.widget.TreeView("treeExplorer");
        var root = tree.getRoot();      
        var tmpNodeEstacion = new YAHOO.widget.TextNode("Estaciones", root, false);
        tmpNodeEstacion.expand();
        
        for(var i = 0; i< lstEstadosEst.length; i++){
            var obj = {
                label: lstEstadosEst[i],
                Node: "Estaciones" 
            }
            
            var node = new YAHOO.widget.TextNode(obj, tmpNodeEstacion, false);
        }
                
        
        var tmpNodeProceso= new YAHOO.widget.TextNode("Procesos", root, false);
        var tmpNodeAlarmas= new YAHOO.widget.TextNode("Alarmas", root, false);
        
        tree.subscribe("clickEvent", function(oargs) {
              var typeNode = oargs.node.data.Node;

              if(typeNode =="Estaciones"){
                    $('#nombreEstadoEstacion').val(oargs.node.label);
                    $("#instanciasEstacionesTable").show(); 
                    $("#instanciasPaginator").show();
                    $("#procesosTable").hide(); 
                    $("#procesosPaginator").hide();
                    $("#trBusqueda").show();
                    instanciasTable.recargarData();
              } 
              
     
              if(oargs.node.label === "Procesos"){
                  
                  $("#procesosTable").show(); 
                  $("#procesosPaginator").show();                       
                  $("#instanciasEstacionesTable").hide(); 
                  $("#instanciasPaginator").hide();
                  $("#trBusqueda").hide();
                  procesoTable.recargarData();
                  
              }
              
              
        });     
        
        tree.render();
    }
    
   

    
    
    $(document).ready(function() {     
            
             treeInit();    
             
    });
            
    
   
    
</script>
<div>
    <div id="treeExplorer">
        
    </div>

</div>